<template>
    <div class="order-report">
        <div class="report-table-top-title">查看版本</div>
        <div class="report-table-form1">
            <div class="report-table-form1-line">
                <div
                    class="report-table-form1-item word samll"
                    style="width: 200px"
                >
                    商家编号：{{ currRow.companyCode }}
                </div>
                <div
                    class="report-table-form1-item word samll"
                    style="width: 250px"
                >
                    商家名称：{{ currRow.companyName }}
                </div>
                <el-button type="primary" size="small" @click="toMain"
                    >返回</el-button
                >
            </div>
        </div>
        <div class="page-padding-gray-small"></div>
        <div class="report-table-wrapper">
            <el-tabs v-model="activeName">
                <el-tab-pane label="当前版本" name="currEdition">
                    <currEdition :currRow="currRow"></currEdition>
                </el-tab-pane>
                <el-tab-pane label="指定版本" name="appointEdition"
                    ><appointEdition :currRow="currRow"></appointEdition
                ></el-tab-pane>
                <el-tab-pane
                    label="投影仪皮肤包指定版本"
                    v-if="managementType == 4"
                    name="projectorVersion"
                    ><showEdition :currRow="currRow"></showEdition
                ></el-tab-pane>
                <el-tab-pane
                    label="应用包"
                    name="appPackage"
                    ><showAppPackge :currRow="currRow"></showAppPackge
                ></el-tab-pane>
            </el-tabs>
        </div>

        <div class="page-padding"></div>
    </div>
</template>

<script type="text/ecmascript-6">
import appointEdition from './components/appointEdition'
import currEdition from './components/currEdition'
import showEdition from './components/showEdition'
import showAppPackge from './components/appPackage'
export default {
    data: function () {
        return {
            activeName: 'currEdition',
            nowPage: 0, // 当前所在页面
            totalNum: 0,
            position: 1, // 页码
            searchNo: '',
            searchName: '',
            companyName: ''
        }
    },
    mounted () {
    },
    created () {
        console.log(this.currRow)
    },
    watch: {
    },
    components: {
        showEdition,
        currEdition,
        appointEdition,
        showAppPackge
    },
    props: {
        managementType: Number,
        underLine: null
    },
    computed: {
        currRow () {
            return this.$store.state.currRow
        }
    },
    methods: {
        toMain () {
            this.$store.dispatch('setKA', 0)
        }
    }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
.report-table-wrapper
    background: #fff

.order-report
    width: 100%
    background: #f1f0f5

    .report-table-top-title
        width: 100%
        height: 64px
        line-height: 64px
        color: #000
        font-size: 18px

    .report-table-form1
        width: 100%
        min-height: 40px
        padding: 16px 0 0 22px
        box-sizing: border-box
        background: #fff
        overflow: hidden

        .report-table-form1-line
            min-height: 32px
            margin-bottom: 16px

            .report-table-form1-item
                display: inline-block
                vertical-align: top
                height: 32px
                margin-right: 15px
                line-height: 32px

                &.word
                    margin-right: 0

                &.samll
                    font-size: 15px
                    text-align: left

                &.big
                    margin-right: 100px

    .report-table-block
        width: 100%
        padding-top: 22px
        height: 50px
        background: #fff
        box-sizing: border-box

        .report-table-block-in
            float: right
            padding-right: 17px

    .page-padding-gray-small
        width: 100%
        height: 22px
        background: #f1f0f5

    .page-padding
        width: 100%
        height: 20px
        background: #fff

    .report-table-total
        width: 100%
        font-size: 16px
        color: #409EFF
        padding: 22px
        margin-top: 22px
        box-sizing: border-box
        background: #fff
</style>
